﻿

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>成都盛大报价网站名片</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link href="../static/css/a2f29159061e4b22a0106534d418b192.css" rel="stylesheet"/>

    <script src="../static/js/9cebb44ef0bb4d4c8ce96b235d192fc9.js"></script>

    
    <link rel="stylesheet" href="../static/css/font-awesome.min_3.css">
    <link rel="stylesheet" href="../static/css/ionicons.min_3.css">
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="../static/js/html5shiv.min_3.js"></script>
        <script src="../static/js/respond.min_3.js"></script>
    <![endif]-->
</head>
<body class="hold-transition sidebar-mini">
    <div class="wrapper">
        <header class="main-header">
            
<!-- Logo -->
<a href="#" class="logo">
    <!-- mini logo for sidebar mini 50x50 pixels -->
    <span class="logo-mini">
        <b>报价</b>
    </span>
    <!-- logo for regular state and mobile devices -->
    <span class="logo-lg">
        <b>成都盛大</b>
    </span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
    <!-- Sidebar toggle button-->
    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        &nbsp;产品类型
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </a>
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
            <i class="fa fa-bars"></i>
        </button>
    </div>
    <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
        <ul class="nav navbar-nav">
            <li>
                <a href="/Home/Index">产品报价 <span class="sr-only">(current)</span></a>
            </li>
            <li>
                <a href="/CustormerSetting/ProfitSetting">客户设置 <span class="sr-only">(current)</span></a>
            </li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->
    <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
            <!-- User Account: style can be found in dropdown.less -->
            <li class="dropdown user user-menu">
               <!--<a href="javascript:;" class="dropdown-toggle" onclick="logout();">退出登录</a> -->
            </li>
            <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <img src="../static/picture/20180305184444_6163_3.png" class="user-image" alt="User Image">
                    <span class="hidden-xs">九方印务</span>
                </a>
                <ul class="dropdown-menu">
                    <!-- User image -->
                    <li class="user-header">
                        <img src="../static/picture/20180305184444_6163_3.png" class="img-circle" alt="User Image">
                        <p>
                            九方印务
                        </p>
                    </li>
                    <!-- Menu Footer-->
                    <li class="user-footer">
                        <div class="pull-right">
                                <a href="javascript:;" class="btn btn-default btn-flat" onclick="logout();">退出</a>
                        </div>
                    </li>
                </ul>
            </li>
            <!-- Control Sidebar Toggle Button -->
            
        </ul>

    </div>
</nav>
<script>
    function logout() {
        $.ajax({
            type: "POST",
            url: "/Users/LogoutDo",
            success: function(data) {
                location.href = "/Users/Login";
            }
        });
    }

    function goLogin() {
        var returnUrl = window.location.pathname + window.location.search;
        //console.log(returnUrl);
        location.href = "/Users/Login?returnUrl=" + returnUrl + "";
    }
</script>
        </header>
        <aside class="main-sidebar">
            

<section class="sidebar">
    <input type="hidden" id="hidSkin" value="skin-green" />
    <ul class="sidebar-menu">
            <li class="treeview" url="/Sticker/Index" productId="1">
                <a href="/Sticker/Index?productId=1">
                    <i class="fa fa-circle-o"></i> <span>不干胶</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                </a>
            </li>
            <li class="treeview" url="/Card/Index" productId="2">
                <a href="/Card/Index?productId=2">
                    <i class="fa fa-circle-o"></i> <span>名片</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                </a>
            </li>
            <li class="treeview" productId="77">
                <a href="?productId=77">
                    <i class="fa fa-circle-o"></i> <span>单页</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                            <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                    <ul class="treeview-menu">
                            <li url="/JoinSingle/Index" productId="3">
                                <a href="/JoinSingle/Index?productId=3">
                                    <i class="fa fa-circle-o"></i>
                                    特价单页
                                </a>
                            </li>
                            <li url="/OnlySingle/Index" productId="24">
                                <a href="/OnlySingle/Index?productId=24">
                                    <i class="fa fa-circle-o"></i>
                                    专版单页
                                </a>
                            </li>
                    </ul>
            </li>
            <li class="treeview" url="/DigitalSingle/Index" productId="38">
                <a href="/DigitalSingle/Index?productId=38">
                    <i class="fa fa-circle-o"></i> <span>数码单页</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                </a>
            </li>
            <li class="treeview" productId="63">
                <a href="?productId=63">
                    <i class="fa fa-circle-o"></i> <span>画册</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                            <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                    <ul class="treeview-menu">
                            <li url="/printer/api/hc" productId="37">
                                <a href="/printer/api/hc">
                                    <i class="fa fa-circle-o"></i>
                                    专版画册
                                </a>
                            </li>
                            <li url="/DigitalAlbum/Index" productId="39">
                                <a href="/DigitalAlbum/Index?productId=39">
                                    <i class="fa fa-circle-o"></i>
                                    数码画册
                                </a>
                            </li>
                    </ul>
            </li>
            <li class="treeview" productId="67">
                <a href="?productId=67">
                    <i class="fa fa-circle-o"></i> <span>PVC</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                            <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                    <ul class="treeview-menu">
                            <li url="/PvcCard/Index" productId="23">
                                <a href="/PvcCard/Index?productId=23">
                                    <i class="fa fa-circle-o"></i>
                                    PVC标准卡
                                </a>
                            </li>
                    </ul>
            </li>
    </ul>
</section>

<script type="text/javascript">
    $(function () {
        var url = window.location.pathname;
        var productId = GetQueryString("productId");

        var menuLi = $("li");
        $.each(menuLi,
            function (i, item) {
                if ($(item).attr("url") === url) {
                }
                if ($(item).attr("productId") === productId) {
                    //console.log(productId);
                    $(item).parent().parent().parent().parent().addClass("active");
                    $(item).parent().parent().parent().addClass("active");
                    $(item).parent().parent().addClass("active");
                    $(item).addClass("active");
                }
            });
    });
</script>
        </aside>
        <div class="content-wrapper angular-animation-container">
            <div class="shuffle-animation">
                

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <!-- Custom Tabs -->
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="/Card/Index?productId=2">名片</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active">
                        <form id="calcForm" method="post" data-options="novalidate:true">
                            <input type="hidden" id="hidProductCode" name="ProductCode" value="4F561CC9-EFBB-4A88-A55C-5F15E9B45349" />
                            <input type="hidden" id="hidPlanCraftCode" name="PlanCraftCode" />
                            <!-- /.box-header -->
                            <div class="box-body">
                                <div class="row">
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <label>选择材料</label>
                                            <select class="form-control select2" name="Paper" id="selPaper" style="width: 100%;">
                                                    <option value="5B34B6FE-9554-4840-825C-EB6FCF4568BA">UV</option>
                                                    <option value="CB38B20B-B3E4-4BDE-A964-AE2A8849EC63">290克德国经典麻纱纹（高白）</option>
                                                    <option value="A171E0E6-4CDC-4994-9C59-EA7E13AA5A4B">加厚铜版-覆膜</option>
                                                    <option value="B228300B-302A-4929-A0DA-6E220D9EBC63">加厚铜版-不覆膜</option>
                                                    <option value="823BFE3E-BAEA-4E18-B261-538D0594A0CD">意大利晶彩雅纹</option>
                                                    <option value="080C260A-9ED6-4D38-A041-A63CBB6994FC">德国星彩金宝星</option>
                                                    <option value="02F7D5AC-BF63-4412-9DF0-24C4C0F8097A">300克瑞典丝毛棉（浅黄）</option>
                                                    <option value="A988C7EE-16AC-4ABD-8C2B-0D95E279EB69">300克瑞典丝毛棉（白色）</option>
                                                    <option value="34EAD3D2-AA1A-4821-8A9B-753F5B93452D">320克英国古典丝麻（本白）</option>
                                                    <option value="39B439B4-017E-4E03-AC75-C6ECBF22D17D">320克英国古典丝麻（浅棕）</option>
                                                    <option value="12342742-1983-4DC1-921B-D75678B466A7">320克法国超美感飘银（超白）</option>
                                                    <option value="818649C2-FCE0-4B06-8DEE-10B225327A51">320克法国超美感飘金（超白）</option>
                                                    <option value="4ACCB1A3-E420-45E5-B7B1-FD602F24F3CB">300克美国刚古高级滑面（超白）</option>
                                                    <option value="08393532-41D9-4411-BA8B-E6DE3FA10B77">美国刚古水纹（超白/米黄）</option>
                                                    <option value="A0D5C194-7DCB-474C-BEC8-C1B39170F127">欧洲上质丽芙典雅（米白）</option>
                                                    <option value="312B55F0-C0C0-4D54-A636-827CA213E03A">意大利经典竹丝纹（高白）</option>
                                                    <option value="5B67E1CF-A910-40C5-B2D7-2ED83D39DE52">英国尼桑采石纹（高白）</option>
                                                    <option value="6194BEEA-6ED2-4BC2-82B5-6D9D05F83D47">哥蒙德针孔系列（高白）</option>
                                                    <option value="A182EAF1-2310-4462-A926-E1B445C0E45C">320克瑞典环保白卡</option>
                                                    <option value="4088724A-8A71-432A-941D-FE01288935E8">280克英国白</option>
                                                    <option value="92C9BC25-62D4-428F-AF8B-5BB9C0D63072">250克德国象牙卡</option>
                                                    <option value="A950CA19-7733-4900-B86C-5A3F08E6D921">意大利晶彩滑影（冰白）</option>
                                                    <option value="3A10FE99-693D-459F-B8CA-E99B24197CE7">250克德国经典麻纱纹（本白）</option>
                                                    <option value="DA827BDA-EEA5-4940-8372-0FC55185FE8B">250克瑞典环保白卡</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <a href="javascript:;" data-toggle="modal" data-target="#showPic">点击预览材料图</a>
                                        </div>
                                        <div class="form-group" id="trCustom">
                                            <label>尺寸</label>
                                            <div class="row">
                                                <div class="col-xs-5">
                                                    <input type="text" value="90" class="form-control" placeholder="长边" name="LongSideLength" id="txtLongSideLength">
                                                </div>
                                                <div class="col-xs-1">
                                                    ×
                                                </div>
                                                <div class="col-xs-5">
                                                    <input type="text" value="54" class="form-control" placeholder="短边" name="ShortSideLength" id="txtShortSideLength">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label>数量</label>
                                            <input type="text" class="form-control" name="Num" id="txtNum" placeholder="数量" value="5">
                                        </div>
                                        <div class="form-group">
                                            <label>款数</label>
                                            <input type="text" class="form-control" name="StyleNum" id="txtStyleNum" placeholder="款数" value="1">
                                        </div>
                                        <div class="form-group">
                                            <label>印刷方式</label>
                                            <div class="form-group">
                                                <label><input type="radio" class="icheck radPrintSide" value="2" name="PrintSide" checked>双面</label>
                                                <label><input type="radio" class="icheck radPrintSide" value="1" name="PrintSide">单面</label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label>选择工艺</label>
                                            <div class="form-group" id="divCraft">
                                                    <label>
                                                        <input type="checkbox" class="icheck" name="Crafts" id="93" value="7118B765-07CD-468E-BE4C-6EA7C59B1CFE" />打孔
                                                        &nbsp;&nbsp;
                                                    </label>
                                                    <label>
                                                        <input type="checkbox" class="icheck" name="Crafts" id="94" value="84F7B92D-B096-4D4C-9E3A-6A346B600A6F" />模切
                                                        &nbsp;&nbsp;
                                                    </label>
                                                    <label>
                                                        <input type="checkbox" class="icheck" name="Crafts" id="95" value="A6DCDAA5-CA9E-4C49-840D-74B38B6F3A65" />水晶
                                                        &nbsp;&nbsp;
                                                    </label>
                                                    <label>
                                                        <input type="checkbox" class="icheck" name="Crafts" id="96" value="A8CFC9F5-01E5-41DE-A341-C34E77F5E26A" />压点线
                                                        &nbsp;&nbsp;
                                                    </label>
                                                    <label>
                                                        <input type="checkbox" class="icheck" name="Crafts" id="97" value="1A40BB21-F9B4-428B-A888-C707F9F949E8" />压痕
                                                        &nbsp;&nbsp;
                                                    </label>
                                                    <label>
                                                        <input type="checkbox" class="icheck" name="Crafts" id="98" value="ADD79DFC-04F2-4363-9E2A-3382C7867C73" />圆角
                                                        &nbsp;&nbsp;
                                                    </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="text-red">
                                                *欢迎使用盛大印刷算价网址。如需要做工艺：烫金/烫银/UV/压凸等需要提供矢量文件，下单详细请联系接单QQ
                                            </label>
                                        </div>
                                        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="showPic">
                                            <div class="modal-dialog modal-lg">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                            <h4 class="modal-title">材料预览</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <img width="500" src="" id="imgPreviewImg" />
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row" id="rowResult" style="display: none;">
                                            <div class="col-md-10">
                                                <div class="form-group">
                                                    <label>计算总结</label>
                                                    <input type="text" class="form-control" name="txtResult" id="txtResult" placeholder="计算总结">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="box-group">
                                            <button type="button" class="btn btn-primary btn-lg" onclick="submitForm()">计算</button>
                                            <button type="button" class="btn  btn-default btn-lg" onclick="clearForm()">清空</button>
                                            <button type="button" class="btn btn-success btn-lg" onclick="copyResult()" id="btnResult" style="display: none;">复制计算总结到剪切板</button>
                                        </div>
                                        <div class="row">
                                            <br />
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <div class="box box-success">
                                                    <div class="box-header">
                                                        <h3 class="box-title">计算结果</h3>
                                                    </div>
                                                    <div class="box-body table-responsive no-padding">
                                                        <table class="table table-hover" id="tbResult"></table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-7">
                                        <img src="" style="width: auto; height: auto; max-width: 100%; max-height: 100%;" />
                                    </div>
                                </div>
                                <!-- /.row -->
                                <div class="row" id="rowResult" style="display: none;">
                                    <div class="col-md-10">
                                        <div class="form-group">
                                            <label>计算总结</label>
                                            <input type="text" class="form-control" name="txtResult" id="txtResult" placeholder="计算总结">
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                </div>
                                <!-- /.row -->
                            </div>
                            <!-- /.box-body -->
                        </form>
                    </div>
                    <!-- /.tab-pane -->
                </div>
                <!-- /.tab-content -->
            </div>
            <!-- nav-tabs-custom -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->
</section>
<!-- /.content -->

            </div>
        </div>
        

<footer class="main-footer">
    <div class="pull-right hidden-xs">
        <b>Version</b> 0.1.0.5
    </div>
    <strong>&nbsp;</strong>
</footer>
    </div>
    <script>
    $(function() {
        initICheck();
        initSelect2();

        toastr.options = {
            "positionClass": "toast-top-center" //弹出窗的位置
        };
        var skinClass = $("#hidSkin").val();
        $("body").addClass(skinClass);
    });

    function showMobileUserPrompts() {
        var userPrompts = "";
        if (false) {
            userPrompts += "<div class=\"box-body low text-red\">";
            userPrompts += "备注：您的资料正在审核中，审核通过后，即可获得最终报价，感谢支持，请您耐心等待！";
            userPrompts += "</div>";
        } else if (false) {
            userPrompts += "<div class=\"box-body low text-red\">";
            userPrompts += "备注：以上价格仅供参考，完善资料即可获取最新报价";
            userPrompts += "</div>";
            userPrompts += "<div class=\"box-body low text-red text-center\">";
            userPrompts += "<a href=\"http://weixin.shengdaprint.com/Account/RegisterCustomer?companyCode=1&amp;dataSource=\" class=\"btn btn-primary\">完善资料</a>";
            userPrompts += "</div>";
        }
        $("#rowUserPrompts").show();
        $("#divUserPrompts").html(userPrompts);
    }
    </script>
    
    <script>
        $(function () {
            $("#rowUserPrompts").hide();
            $('input[type="checkbox"].icheck').on('ifChecked',
                function (event) {
                    //console.log("aaa");
                });
            $("#divCraft :checkbox").on("ifClicked",
                function () {
                    chooseByCraftType(this);
                });
            previewImg();
        });
        $("#selPaper").on("change",
            function (e) {
                previewImg();
            });

        function previewImg() {
            var previewImgSrc = $("#selPaper").find("option:selected").attr("previewImgSrc");
            //console.log(previewImgSrc);
            $("#imgPreviewImg").attr("src", previewImgSrc);
        }

        function copyResult() {
            var element = $("#txtResult");
            copyText(element);
        }

        function submitForm() {
            var longLength = $("#txtLongSideLength").val();
            var shortLength = $("#txtShortSideLength").val();
            if (longLength < 40 || shortLength < 40) {
                toastr.error("尺寸过小，无法裁切，不能走名片版");
                return;
            }
            $("#rowUserPrompts").hide();
            $("#tbResult").html("");
            $.ajax({
                type: "POST",
                url: "/Card/CalcResult",
                data: $("#calcForm").serialize(),
                success: function (res) {
                    var data = res.Result;
                    $("#txtResult").val(data.Result.Desc);
                    if (data) {
                        if (data.Success) {
                            $("#tbResult").append("<tr totalPrice=" +
                                data.Result.TotalPrice +
                                "><td>" +
                                data.Result.Desc +
                                "</td></tr>");
                            $("#btnResult").show();
                            $("#rowResult").show();
                        } else {
                            $("#tbResult").append("<tr><td>" + data.Msg + "</td></tr>");
                        }
                    }
                }
            });
        }

        function clearForm() {
            location.reload();
        }

        function method(shortSideLength, longSideLength, craftNameStr) {
            var craftNameArr = craftNameStr.split(',');
            if (longSideLength != 90 || shortSideLength < 50 || shortSideLength > 54) {
                for (var i = 0; i < craftNameArr.length; i++) {
                    if (craftNameArr[i].indexOf('水晶') > -1 || craftNameArr[i].indexOf('凸字') > -1) {
                        return "所选后工无法适用于填写尺寸";
                    }
                }
            }
        }
    </script>

</body>
</html>
